﻿<%@ Page Language="C#" MasterPageFile="~/Master/Master.Master" AutoEventWireup="true"
    CodeBehind="home-detail.aspx.cs" Inherits="BONSAI.UI.Pages.HomeDetail" Title="..:HoaBonSai:.. Chi tiết sản phẩm " %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />

    <script src="http://hoabonsai.com/js/prototype.js" type="text/javascript"></script>

    <script src="http://hoabonsai.com/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>

    <script src="http://hoabonsai.com/js/lightbox.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function() {
            //    		$(".jCarouselLite1").jCarouselLite({
            //        		btnNext: ".next1",
            //        		btnPrev: ".prev1",
            //        		easing: "backout",
            //				vertical : false,
            //		        speed: 1000,
            //		        scroll: 2,
            //        		visible: 3
            //    		});
            $(".jCarouselLite2").jCarouselLite({
                btnNext: ".next2",
                btnPrev: ".prev2",
                easing: "backout",
                vertical: false,
                speed: 1000,
                scroll: 4,
                visible: 5
            });
        });
        
    </script>

    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery(function() {
                jQuery("#menu_top").lavaLamp({
                    fx: "backout",
                    speed: 700,
                    click: function(event, menuItem) {
                        return false;
                    }
                })
            });
        });
       
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="content-menu-top">
        <asp:Label ID="lblNameTitle" runat="server" Text=""></asp:Label>
        của hoabonsai.com</div>
    <asp:Label ID="lblId1" runat="server" Text="" Visible="false"></asp:Label>
    <div class="content-menu-centter">
        <div class="home-dt-group">
            <div class="home-dt-left">
                <div class="">
                    <%--<img src="../Photos/product/3.jpg" alt=""/>--%>
                    <asp:Image ID="imgthubnail" runat="server" Style="max-height: 224px; max-width: 189px;" />
                </div>
                <div class="home-dt-zoom">
                    <%--<img src="../Images/detail-zoom.jpg" alt="" class="left"/> --%>
                    <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/detail-zoom.jpg" CssClass="left" />
                    <div class="colorblue left linkblue">
                        <asp:HyperLink runat="server" ID="lnkZoom" Text="Xem ảnh góc" rel="lightbox" />
                    </div>
                </div>
                <div class="height0">
                </div>
                <div class="home-dt-otherimg">
                    <div class="dt-other-left">
                        <img src="../Images/cursor-sub-menu-left.png" alt="" class="prev1" style="padding-top: 35px;" />
                    </div>
                    <%--<div class="dt-other-center  jCarouselLite1">
					    <ul>
                            <li><img src="~/Photos/product/2.jpg" alt="" width="70" height="70" /></li>
                        </ul>
    					
				    </div>--%>
                    <asp:Literal ID="ltrImage" runat="server"></asp:Literal>
                    <div class="dt-other-right">
                        <img src="../Images/cursor-sub-menu.png" alt="" class="next1" style="padding-top: 35px;" />
                    </div>
                </div>
            </div>
            <div class="home-dt-right">
                <div class="home-dt-date">
                    Sản phẩm được đăng ký ngày
                    <asp:Label ID="lblDate" runat="server" Text=""></asp:Label></div>
                <hr class="hr-list" />
                <div class="home-dt-title">
                    <asp:Label ID="lblName" runat="server" Text=""></asp:Label></div>
                <div class="home-dt-type">
                    Model :
                    <asp:Label ID="lblId" runat="server" Text="" Visible="false"></asp:Label>
                    <asp:Label ID="lblCode" runat="server" Text=""></asp:Label>
                </div>
                <div class="home-dt-price">
                    Giá :
                    <asp:Label ID="lblPrice" runat="server" Text=""></asp:Label></div>
                <!--<span class="span1">800.000</span><span class="span2">VNĐ</span><span class="span3">900.000 VNĐ</span>-->
                <hr class="hr-list" />
                <div class="home-dt-content">
                    <!--<div class="">Bắt đầu làm việc bằng cách tạo một tập tin mới (File> New), có kích thước 770x750 px và 72 dpi. Chúng ta sẽ sử dụng file nàyđể tạo mới để tạo trang web cá nhân như mẫu. Đầu tiên, dùng công cụ Rectangle Tool (U) tạo nền trang web như mẫu:Bắt đầu làm việc bằng cách tạo một tập tin mới (File> New), có kích thước 770x750 px và 72 dpi. Chúng ta sẽ sử dụng file nàyđể tạo mới để tạo trang web cá nhân như mẫu. Đầu tiên, dùng công cụ Rectangle Tool (U) tạo nền trang web như mẫu:</div>
				    <img src="../Photos/product/4.jpg" style="text-align:center;" />
				    <div class="">Bắt đầu làm việc bằng cách tạo một tập tin mới (File> New), có kích thước 770x750 px và 72 dpi. Chúng ta sẽ sử dụng file nàyđể tạo mới để tạo trang web cá nhân như mẫu. Đầu tiên, dùng công cụ Rectangle Tool (U) tạo nền trang web như mẫu:Bắt đầu làm việc bằng cách tạo một tập tin mới (File> New), có kích thước 770x750 px và 72 dpi. Chúng ta sẽ sử dụng file nàyđể tạo mới để tạo trang web cá nhân như mẫu. Đầu tiên, dùng công cụ Rectangle Tool (U) tạo nền trang web như mẫu:</div>
				    -->
                    <asp:Literal ID="ltrDescription" runat="server"></asp:Literal>
                </div>
                <div class="height5">
                </div>
                <input type="button" class="home-dt-btn-back" value="trở về trước" />
                <asp:Button ID="Button1" runat="server" Text="đưa vào giỏ" CssClass="home-dt-btn-add-to-cart"
                    OnClick="Button1_Click" />
                <%--<input type="button" class="home-dt-btn-add-to-cart" value="đưa vào giỏ"/>--%>
            </div>
            <!--other home-->
            <div class="hone-dt-other-home">
                Những sản phẩm tương tự</div>
            <hr class="hr-list" />
            <div class="home-dt-group-ohter-home">
                <div class="home-dt-other-left">
                    <img src="../Images/cursor-sub-menu-left.png" alt="" class="prev2" /></div>
                <div class="home-dt-other-center jCarouselLite2">
                    <ul>
                        <asp:Repeater ID="Repeater1" runat="server">
                            <ItemTemplate>
                                <li>
                                    <div class="home-dt-group1" style="height: 154px;">
                                        <div class="home-dt-other-img-top">
                                        </div>
                                        <div class="home-dt-other-img-center">
                                            <div class="home-dt-imf-title">
                                                <asp:HyperLink ID="HyperLink1" Style="text-decoration: none; color: #12ee1c;" NavigateUrl='<%#"~/home-detail/" + string.Format("{0}",Eval("ProductsID")) %>'
                                                    runat="server"><%#Eval("NameFull")%></asp:HyperLink></div>
                                            <asp:Image ID="Image1" ImageUrl='<%#Eval("thumbnail") %>' runat="server" />
                                            <div class="home-dt-imf-price">
                                                <%#String.Format("{0:#.###}", Eval("PriceOld"))%>
                                                VNĐ</div>
                                        </div>
                                        <div class="home-dt-other-img-bottom">
                                        </div>
                                    </div>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                    <!--<div class="home-dt-group1">
					    <div class="home-dt-other-img-top"></div>
					    <div class="home-dt-other-img-center">
						    <div class="home-dt-imf-title">aaaa</div>
						    <img src="../Photos/product/2.jpg" alt=""/>
						    <div class="home-dt-imf-price">800.000 VNĐ</div>
					    </div>
					    <div class="home-dt-other-img-bottom"></div>
				    </div> -->
                </div>
                <div class="home-dt-other-right">
                    <img src="../Images/cursor-sub-menu.png" alt="" class="next2" /></div>
            </div>
        </div>
        <div class="height0">
        </div>
    </div>
</asp:Content>
